<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>常用的字体属性_字体大小</title>
    <style>
        /* 将页面上的所有字体改为20px */
        /*body {*/
        /*    font-size: 20px;*/
        /*}*/
      .div1 {
        font-size: 40px;
      }

      .div2 {
        font-size: 30px;
      }

      .div3 {
        font-size: 20px;
      }

      /* chrome浏览器最小的字体设置是12px 如果设置小于12px的字体，会被默认变成默认字体，默认的字体大小是16px（浏览器不同，所设置的默认的字体大小也不同） 改为0px就是不呈现字体 */
      .div4 {
        font-size: 10px;
      }

      .div5 {
        font-size: 12px;
      }
    </style>
</head>
<body>
    <div class="div1">内容一</div>
    <div class="div2">内容二</div>
    <div class="div3">内容三</div>
    <div class="div4">内容四</div>
    <div class="div5">内容五</div>
</body>
</html>